SlideShare una empresa de Scribd logo
1 de 14
UNIVERSIDAD TÉCNICA DE MANABÍ “EL CARMEN” MATERIA : APLICACIONES INFORMÁTICAS TUTOR: ING.RENE GARCIA ESTUDIANTE:  DARWIN BARRETO TEMA:  INSTRUCCIONES Y EJEMPLOS PARA CREAR UNA PAGINA WEB
INSTRUCCIONES Y EJEMPLOS PARA CREAR UNA PAGINA WEB Una pagina web por lo general se inicializa de la siguiente forma La manera mas común es creándola en bloc de notas
COMO INICIALIZAR UNA PAGINA WEB  Pasos para inicializar una pagina web en bloc de notas aplicación disponible en Windows cualquier versión. 1.-Abrimos bloc de notas  2.-Clic archivo nuevo  3.- Comenzamos introduciendo las instrucciones que deberán ser guardadas como archivo HTML.
Instrucciones para inicializar una pagina web <HTML> =inicializar una pagina web <BODY BGCOLOR="YELLOW"> =define el color de la pagina web </BODY>=cierre de estaaplicación </HTML>=cierre de la inicialización
ENTONCES LA PAGINA SE MUESTRA EN INTERNET EXPLORER
COLOCAMOS UN NOMBRE <HTML> <BODY BGCOLOR="YELLOW">   <CENTER>DARWIN BARRETO</CENTER>= SE MUESTRA EL MOMBRE EN LA PAGINA </BODY> </HTML>
<H1><FONT COLOR="BLUE"><CENTER>DARWIN BARRETO</CENTER></FONT></H1>      <hr color="blader"> <HR COLOR="WHITE“> <H1>= DEFINIR EL TAMAÑO DE LO ESCRITO
Entonces tu pagina queda así
Mas instrucciones básicas MIS COMPAÑEROS<BR> ROSA MOREIRA<BR> HERRY LOOR<BR> GISSELA ANDRADE<BR> XAVIER TUMBACO<BR> ROXANA ALAVA<BR> JACINTA CHAVEZ<BR> MARHTA VELEZ<BR> NAYRA INTRIAGA<BR> KARINA TOALA<BR> </BODY> </HTML>      <br>= Para ingresar datos en este caso nombres
INTRUCCIÓN <HR COLOR="REC"> <UL>=para que los mombres tengan viñetas     <LI>GUAYAS </UL> <OL>     <LI>TELEVISOR     <LI>LICUADORA </OL>=para que lo que escribas salga numerado.
Entonces tu pagina quedaría así
Como ingresar imágenes  <<IMG SRC="F1.JPG" WIDTH=200 HEIGHT=200> = PARA INGRESAR IMAGENES <MARQUEE BGCOLOR="blue">EL CARMEN</MARQUEE> =COLOR DE LINEA
IMAGEN IGRESADA
ESTO  ES TODO POR AHORA AQUÍ TIENES TODA UNA CODIFICACION BASICA DE PAGUINAS WEBPARA QUE PRUEBES EN CASA <HTML> <BODY BGCOLOR="YELLOW"> <H1><FONT COLOR="BLUE"><CENTER>DARWIN BARRETO</CENTER></FONT></H1> <HR COLOR="WHITE"> MIS COMPAÑEROS<BR></BR> ROSA MOREIRA<BR> HERRY LOOR<BR> GISSELA ANDRADE<BR> XAVIER TUMBACO<BR> ROXANA ALAVA<BR> JACINTA CHAVEZ<BR> MARHTA VELEZ<BR> NAYRA INTRIAGA<BR> KARINA TOALA<BR> <HR COLOR="REC"> <UL>     <LI>GUAYAS     <LI>PICHINCHA     <LI>ESMERALDAS     <LI>LOS CHIROS </UL> <OL TYPE="I">     <LI>TELEVISOR     <LI>LICUADORA     <LI>TOSTADORA     <LI>MICROCOMPoNENTE </OL> <IMG SRC="F1.JPG" WIDTH=200 HEIGHT=200>

Más contenido relacionado

La actualidad más candente

¿CÓMO GANAR DINERO EN INTERNET?
¿CÓMO GANAR DINERO EN INTERNET?¿CÓMO GANAR DINERO EN INTERNET?
¿CÓMO GANAR DINERO EN INTERNET?dayanavas
 
Navegacion segura con HTTPS
Navegacion segura con HTTPSNavegacion segura con HTTPS
Navegacion segura con HTTPScubanetnoticias
 
Complementando el contro parental III
Complementando  el contro parental IIIComplementando  el contro parental III
Complementando el contro parental IIIRober Garamo
 
Cómo programar un Facebook Live
Cómo programar un Facebook Live Cómo programar un Facebook Live
Cómo programar un Facebook Live Ada Limas
 
(3) Redes sociales chinas
(3) Redes sociales chinas(3) Redes sociales chinas
(3) Redes sociales chinas梓诺 巴
 
Como hacer el modulo naranja
Como hacer el modulo naranjaComo hacer el modulo naranja
Como hacer el modulo naranjapaolaherrera2011
 
Tutorial de blogger
Tutorial de bloggerTutorial de blogger
Tutorial de bloggerpruebass
 
12 gabriel rodriguez_b_w1
12 gabriel rodriguez_b_w112 gabriel rodriguez_b_w1
12 gabriel rodriguez_b_w1gabriel_emilio
 
Miprimerapaginaweb 120912141000-phpapp01
Miprimerapaginaweb 120912141000-phpapp01Miprimerapaginaweb 120912141000-phpapp01
Miprimerapaginaweb 120912141000-phpapp01nicolas-1996
 
Deber de computación
Deber de computaciónDeber de computación
Deber de computaciónRandy2018
 

La actualidad más candente (17)

¿CÓMO GANAR DINERO EN INTERNET?
¿CÓMO GANAR DINERO EN INTERNET?¿CÓMO GANAR DINERO EN INTERNET?
¿CÓMO GANAR DINERO EN INTERNET?
 
Crear un blog
Crear un blogCrear un blog
Crear un blog
 
Navegacion segura con HTTPS
Navegacion segura con HTTPSNavegacion segura con HTTPS
Navegacion segura con HTTPS
 
Complementando el contro parental III
Complementando  el contro parental IIIComplementando  el contro parental III
Complementando el contro parental III
 
META_2.1_DEYTA
META_2.1_DEYTAMETA_2.1_DEYTA
META_2.1_DEYTA
 
Cómo programar un Facebook Live
Cómo programar un Facebook Live Cómo programar un Facebook Live
Cómo programar un Facebook Live
 
Ht track website manual
Ht track website manualHt track website manual
Ht track website manual
 
(3) Redes sociales chinas
(3) Redes sociales chinas(3) Redes sociales chinas
(3) Redes sociales chinas
 
Como hacer el modulo naranja
Como hacer el modulo naranjaComo hacer el modulo naranja
Como hacer el modulo naranja
 
Tutorial de blogger
Tutorial de bloggerTutorial de blogger
Tutorial de blogger
 
Deepweb
DeepwebDeepweb
Deepweb
 
Cómo crear un blog
Cómo crear un blogCómo crear un blog
Cómo crear un blog
 
12 gabriel rodriguez_b_w1
12 gabriel rodriguez_b_w112 gabriel rodriguez_b_w1
12 gabriel rodriguez_b_w1
 
Miprimerapaginaweb 120912141000-phpapp01
Miprimerapaginaweb 120912141000-phpapp01Miprimerapaginaweb 120912141000-phpapp01
Miprimerapaginaweb 120912141000-phpapp01
 
Diego velasquez
Diego velasquezDiego velasquez
Diego velasquez
 
Parcial2 trepowski adolfo
Parcial2 trepowski adolfoParcial2 trepowski adolfo
Parcial2 trepowski adolfo
 
Deber de computación
Deber de computaciónDeber de computación
Deber de computación
 

Similar a Universidad técnica de manabí (20)

Paginas web
Paginas webPaginas web
Paginas web
 
Tutorial ayuda para tu blog
Tutorial ayuda para tu blogTutorial ayuda para tu blog
Tutorial ayuda para tu blog
 
Practica Html1
Practica Html1Practica Html1
Practica Html1
 
PHP
PHPPHP
PHP
 
Html2
Html2Html2
Html2
 
Present: I WEB DINAMICAS
Present: I WEB  DINAMICASPresent: I WEB  DINAMICAS
Present: I WEB DINAMICAS
 
HTML
HTMLHTML
HTML
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Html basico
Html basicoHtml basico
Html basico
 
Html basico
Html basicoHtml basico
Html basico
 
Diapo02
Diapo02Diapo02
Diapo02
 
CURSO DE HTML
CURSO DE HTMLCURSO DE HTML
CURSO DE HTML
 
Conociendo php (201009)
Conociendo php (201009)Conociendo php (201009)
Conociendo php (201009)
 
Html
HtmlHtml
Html
 
Trucos html para paginas web
Trucos html para paginas webTrucos html para paginas web
Trucos html para paginas web
 
Curso Html
Curso HtmlCurso Html
Curso Html
 
Truquitos html
Truquitos htmlTruquitos html
Truquitos html
 
Trucos Html
Trucos HtmlTrucos Html
Trucos Html
 
Trucos html
Trucos htmlTrucos html
Trucos html
 

Último

infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxgustavovasquezv56
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfYanitza28
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionEmanuelMuoz11
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptxdulcemonterroza
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfaxelv9257
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...axelv9257
 
QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORASMarc Liust
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8antoniopalmieriluna
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfYanitza28
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendidaLuis Francisco Reyes Aceves
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 

Último (18)

infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdf
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacion
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORAS
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 

Universidad técnica de manabí

  • 1. UNIVERSIDAD TÉCNICA DE MANABÍ “EL CARMEN” MATERIA : APLICACIONES INFORMÁTICAS TUTOR: ING.RENE GARCIA ESTUDIANTE: DARWIN BARRETO TEMA: INSTRUCCIONES Y EJEMPLOS PARA CREAR UNA PAGINA WEB
  • 2. INSTRUCCIONES Y EJEMPLOS PARA CREAR UNA PAGINA WEB Una pagina web por lo general se inicializa de la siguiente forma La manera mas común es creándola en bloc de notas
  • 3. COMO INICIALIZAR UNA PAGINA WEB Pasos para inicializar una pagina web en bloc de notas aplicación disponible en Windows cualquier versión. 1.-Abrimos bloc de notas 2.-Clic archivo nuevo 3.- Comenzamos introduciendo las instrucciones que deberán ser guardadas como archivo HTML.
  • 4. Instrucciones para inicializar una pagina web <HTML> =inicializar una pagina web <BODY BGCOLOR="YELLOW"> =define el color de la pagina web </BODY>=cierre de estaaplicación </HTML>=cierre de la inicialización
  • 5. ENTONCES LA PAGINA SE MUESTRA EN INTERNET EXPLORER
  • 6. COLOCAMOS UN NOMBRE <HTML> <BODY BGCOLOR="YELLOW"> <CENTER>DARWIN BARRETO</CENTER>= SE MUESTRA EL MOMBRE EN LA PAGINA </BODY> </HTML>
  • 7. <H1><FONT COLOR="BLUE"><CENTER>DARWIN BARRETO</CENTER></FONT></H1> <hr color="blader"> <HR COLOR="WHITE“> <H1>= DEFINIR EL TAMAÑO DE LO ESCRITO
  • 8. Entonces tu pagina queda así
  • 9. Mas instrucciones básicas MIS COMPAÑEROS<BR> ROSA MOREIRA<BR> HERRY LOOR<BR> GISSELA ANDRADE<BR> XAVIER TUMBACO<BR> ROXANA ALAVA<BR> JACINTA CHAVEZ<BR> MARHTA VELEZ<BR> NAYRA INTRIAGA<BR> KARINA TOALA<BR> </BODY> </HTML> <br>= Para ingresar datos en este caso nombres
  • 10. INTRUCCIÓN <HR COLOR="REC"> <UL>=para que los mombres tengan viñetas <LI>GUAYAS </UL> <OL> <LI>TELEVISOR <LI>LICUADORA </OL>=para que lo que escribas salga numerado.
  • 11. Entonces tu pagina quedaría así
  • 12. Como ingresar imágenes <<IMG SRC="F1.JPG" WIDTH=200 HEIGHT=200> = PARA INGRESAR IMAGENES <MARQUEE BGCOLOR="blue">EL CARMEN</MARQUEE> =COLOR DE LINEA
  • 14. ESTO ES TODO POR AHORA AQUÍ TIENES TODA UNA CODIFICACION BASICA DE PAGUINAS WEBPARA QUE PRUEBES EN CASA <HTML> <BODY BGCOLOR="YELLOW"> <H1><FONT COLOR="BLUE"><CENTER>DARWIN BARRETO</CENTER></FONT></H1> <HR COLOR="WHITE"> MIS COMPAÑEROS<BR></BR> ROSA MOREIRA<BR> HERRY LOOR<BR> GISSELA ANDRADE<BR> XAVIER TUMBACO<BR> ROXANA ALAVA<BR> JACINTA CHAVEZ<BR> MARHTA VELEZ<BR> NAYRA INTRIAGA<BR> KARINA TOALA<BR> <HR COLOR="REC"> <UL> <LI>GUAYAS <LI>PICHINCHA <LI>ESMERALDAS <LI>LOS CHIROS </UL> <OL TYPE="I"> <LI>TELEVISOR <LI>LICUADORA <LI>TOSTADORA <LI>MICROCOMPoNENTE </OL> <IMG SRC="F1.JPG" WIDTH=200 HEIGHT=200>